<template>
  <n-carousel show-arrow>
    <div v-for="(item, index) in props.paths" :key="index">
      <img class="carousel-img" :src="item.path" />
    </div>
  </n-carousel>
</template>
<script setup>
const props = defineProps(['paths'])
</script>
<style scoped>
.carousel-img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
</style>
